.set-view{
	position: relative;
}

// 网格菜单容器
.grid-menu-container {
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  padding-top:40rpx;
    padding-bottom:30rpx;
  background-color: @primary-ivory;
  border-top-right-radius: 46rpx;
    border-top-left-radius: 46rpx;
	margin-top: -40rpx;
}

// Grid布局主体
.grid-menu {
  // 核心Grid布局设置
  display: grid;
  grid-template-columns: repeat(3, 1fr); // 一行显示3个
  grid-gap: 30rpx 10rpx; // 行列间距（行间距30rpx，列间距10rpx）
  justify-items: center; // 水平居中对齐
  padding-top:25rpx;
  padding-bottom: 25rpx;
  // 菜单项样式
  .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    // padding: 20rpx 0;
	// padding-bottom: 10rpx;
  }
  
  // 图标容器
  .icon-item {
    width: 80rpx;
    height: 80rpx;
    border-radius: 16rpx; // 圆角
    display: flex;
    align-items: center;
    justify-content: center;
  
    .iconfont {
      font-size: 50rpx; // 图标大小
      color: #ff2442; // 图标颜色（使用主题色）
    }
  }
  
  // 文字区域
  .text-item {
    .text {
      font-size: 26rpx; // 文字大小
      color: #333; // 文字颜色
      white-space: nowrap; // 防止文字换行
    }
  }
}

